.editor-drawer {
	font-size: $font-body-small;
	background: white;
}

.editor-drawer .accordion:not( .is-expanded ) .accordion__toggle {
	.accordion__subtitle::after {
		@include long-content-fade();
	}

	&:hover .accordion__subtitle::after {
		@include long-content-fade();
	}
}

.editor-drawer__accordion.is-loading .accordion__subtitle {
	position: relative;
	color: transparent;

	&::before {
		content: '';
		position: absolute;
		top: 1px;
		bottom: 1px;
		width: 60%;
		background-color: var( --color-neutral-10 );
		animation: loading-fade 1.6s ease-in-out infinite;
	}
}

.editor-drawer__heading {
	font-weight: 400;
	font-size: $font-body-extra-small;
	margin-bottom: 4px;
}

.editor-drawer .form-textarea {
	font-size: $font-body-small;
	font-family: $serif;
	resize: vertical;
	-webkit-appearance: none;
}

.editor-drawer .editor-delete-post::before {
	content: '';
	border-top: 1px solid var( --color-neutral-0 );
	display: block;
	margin-top: -16px;
	position: absolute;
	left: 0;
	right: 0;
}

.editor-drawer .async-load {
	margin: 16px;
	width: auto;
}

.editor-drawer__copy-post .button {
	margin-top: 16px;
	width: 100%;
}

.editor-drawer .editor-categories-tags__accordion .accordion__content-wrap,
.editor-drawer .editor-drawer__more-options .accordion__content-wrap {
	padding-top: 8px;
}
